<template>
  <div>
    <!-- <input type="text" v-model="count" /> -->
    <!-- 换一种写法 -->
    <!-- 这样写就是单项数据流了，如何让他变成双向数据 -->
    <!-- <input type="text" :value="count" /> -->
    <!-- 这样解决点击事件 -->
    <input
      type="number"
      :value="count"
      @input="
        (e) => {
          count = e.target.value;
        }
      "
    />
  </div>
</template>
<script>
// 目标：剖析实现过程
// vue变量--赋予：value属性--输入框值变化
// vue变量 -@input事件---输入框值变化
// v-model语法糖本质：
// 所在标签value属性，预付一个vue变量
// 所在标签绑定input事件，拿到标签里值赋予给vue变量
export default {
  data () {
    return {
      count: 0
    }
  },
}
</script>